<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link href="css/style.css" rel="stylesheet"/>
    <link href="css/base.css" rel="stylesheet"/>
    <script src="js/jquery1.42.min.js" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.3.js" type="text/javascript"></script>
    <script src="js/flexible.min.js" type="text/javascript"></script>
    <title>常见问题</title>
</head>
<body style="background-color: rgb(242,242,242);">
    <div class="often_problem">
        <ul>
            <li><div><img src="img/hy27.png">游戏卡与话费卡常见问题</div><div class="no"><textarea placeholder="游戏卡与话费卡为‘自动结算’形式回收，用户提交订单后我们我们将以最快的方式向你打款"></textarea></div></li>
            <li><div><img src="img/hy27.png">游戏卡与话费卡常见问题</div><div class="no"><textarea placeholder="游戏卡与话费卡为‘自动结算’形式回收，用户提交订单后我们我们将以最快的方式向你打款"></textarea></div></li>
            <li><div><img src="img/hy27.png">游戏卡与话费卡常见问题</div><div class="no"><textarea placeholder="游戏卡与话费卡为‘自动结算’形式回收，用户提交订单后我们我们将以最快的方式向你打款"></textarea></div></li>
            <li><div><img src="img/hy27.png">游戏卡与话费卡常见问题</div><div class="no"><textarea placeholder="游戏卡与话费卡为‘自动结算’形式回收，用户提交订单后我们我们将以最快的方式向你打款"></textarea></div></li>
            <li><div><img src="img/hy27.png">游戏卡与话费卡常见问题</div><div class="no"><textarea placeholder="游戏卡与话费卡为‘自动结算’形式回收，用户提交订单后我们我们将以最快的方式向你打款"></textarea></div></li>
            <li><div><img src="img/hy27.png">游戏卡与话费卡常见问题</div><div class="no"><textarea placeholder="游戏卡与话费卡为‘自动结算’形式回收，用户提交订单后我们我们将以最快的方式向你打款"></textarea></div></li>
        </ul>
    </div>
</body>
<script>
    $('.often_problem li').click(function(){
        console.log($(this))
        $(this).children('.no').show();
        $(this).siblings().children('.no').hide();
    })
</script>
</html>